<!--suppress ALL -->
<include file="./Template/header.html" />
<link rel="stylesheet" type="text/css" href="/Template/css/userCenter.css">
<script type="text/javascript">

	$(function() {

		//初始化页面配置
		initPage("个人中心");

		var app = new Vue({
			el: '#container',
			data: {
				info: [],
			},
			methods: {
				editInfo: function() {
					window.location.href = "/wechat/userCenter/myInfo";
				},
				myOrder: function() {
					window.location.href = "/wechat/userCenter/myOrder";
				},
				myBooking: function() {
					window.location.href = "/wechat/userCenter/myBooking";
				},
				myActivity: function() {
					window.location.href = "/wechat/userCenter/myActivity";
				}
			}
		})


	});


</script>
<div class="container" id="container">
	<div class="header">
		<button class="edit-info" v-on:click="editInfo">编辑资料</button>
		<img class="circle-bg" src="/Template/images/circle-bg.png" alt="">
		<div class="user-head-img">
			<img src="{$customer.headimgurl}" alt="">
		</div>
		<p class="user-name">{$customer.nickname}</p>
		<div class="user-info">
			<span class="birth-date">
				<img src="/Template/images/icon-candle.png" alt="">
				{$customer.birthday}
			</span>
			<span class="user-gender">
				<img src="/Template/images/icon-gender.png" alt="">
                    {$customer.sex}
			</span>
			<span class="user-phone">
				<img src="/Template/images/icon-phone2.png" alt="">
                    {$customer.mobile}
			</span>
		</div>

	</div>
	<div class="order-content">
		<div class="item my-appointment" v-on:click="myBooking">
			<img class="pic" src="/Template/images/icon-appointment.png" alt="">
			<span>我的预约</span>
			<img class="right" src="/Template/images/icon-right.png" alt="">
		</div>
		<div class="item my-order" v-on:click="myOrder">
			<img class="pic" src="/Template/images/icon-order.png" alt="">
			<span>我的订单</span>
			<img class="right" src="/Template/images/icon-right.png" alt="">
		</div>
		<div class="item my-activity" v-on:click="myActivity">
			<img class="pic" src="/Template/images/icon-messege.png" alt="">
			<span>我的活动</span>
			<img class="right" src="/Template/images/icon-right.png" alt="">
		</div>
	</div>
</div>

<include file="./Template/footer.html" />

